a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input[type=button],ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,select,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;outline:0;border:0 none;color:inherit}
body{overflow-y:scroll;margin:0 auto;vertical-align:baseline;font-size:.12rem;font-family:"Microsoft Yahei",sans-serif}
table{border-collapse:separate;border-spacing:0}
caption,td,th{text-align:left;font-weight:400}
a{text-decoration:none}
a img,iframe{border:none}
a:link{color:inherit}
:focus{outline:0}
ol,ul{list-style:none}
.clearfix:after{clear:both;display:block;height:0;content:"\200B"}
.fl{float:left}
.fr{float:right}
body,html{width:100%;height:100%;font-size:625%;}
body{background:url(../images/page1_bd.png) no-repeat;background-size:cover}
.wrap{margin:0 auto;max-width:7.5rem}
.img_c{display:block;margin:0 auto}
.border_none{border:none!important}
.border_b{border-bottom:solid 1px #e8ebf0}
.border_t{border-bottom:solid 1px #e8ebf0!important}
a{outline:0;border:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
.bounceIn1{-webkit-animation:bounceIn 1s 0s ease both;-moz-animation:bounceIn 1s 0s ease both}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}
    50%{opacity:1;-webkit-transform:scale(1.05)}
    70%{-webkit-transform:scale(.9)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}
    50%{opacity:1;-moz-transform:scale(1.05)}
    70%{-moz-transform:scale(.9)}
    100%{-moz-transform:scale(1)}
}
.fadeInUp_index2{-webkit-animation:fadeInUp_index2 1s .5s ease both;-moz-animation:fadeInUp_index2 1s .5s ease both}
@-webkit-keyframes fadeInUp_index2{0%{opacity:0;-webkit-transform:translateY(-50px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp_index2{0%{opacity:0;-moz-transform:translateY(-50px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}
.bounceInDown1{-webkit-animation:bounceInDown 1s 1s both;-moz-animation:bounceInDown 1s 1s both}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-300px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-300px)}
    100%{-moz-transform:translateY(0)}
}
.bounceInUp1{-webkit-animation:bounceInUp 1s 4s both;-moz-animation:bounceInUp 1s 4s both}
.page1 .bounceInUp1{-webkit-animation:bounceInUp 1s 2.3s both;-moz-animation:bounceInUp 1s 4s both}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(300px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(300px)}
    100%{-moz-transform:translateY(0)}
}
.flash1{-webkit-animation:flash 1s 0s ease infinite;-moz-animation:flash 1s 0s ease infinite}
.flash2{-webkit-animation:flash 1s 0s ease infinite;-moz-animation:flash 1s 0s ease infinite}
@-webkit-keyframes flash{0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes flash{0%{opacity:0}
    100%{opacity:1}
}
.fadeInDown21{-webkit-animation:fadeInDown2 1s 2s;-moz-animation:fadeInDown2 1s 2s}
@-webkit-keyframes fadeInDown2{0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes fadeInDown2{0%{opacity:0}
    100%{opacity:1}
}
.index_xz{-webkit-animation:index_xz 1s .2s ease both;-moz-animation:index_xz 1s .2s ease both}
@-webkit-keyframes index_xz{100%,20%,40%,60%,80%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0)}
}
@-moz-keyframes index_xz{100%,20%,40%,60%,80%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0)}
}
.img_bd{position:absolute;left:0;top:0;width:7.5rem;height:100%}
.index_page{position:relative;width:7.5rem;height:100%}
.index_page .part_1{position:absolute;right:.55rem;bottom:0;width:4.2rem;height:6.95rem}
.index_page .part_2{position:absolute;top:1.8rem;left:50%;margin-left:-2.7rem;width:5.9rem;color:#fff;text-align:center;letter-spacing:.04rem;font-size:.32rem;line-height:.6rem}
.index_page .part_3{position:absolute;right:.1rem;bottom:5.3rem;width:2.7rem;height:2.44rem}
.index_page .part_text3{position:absolute;right:.1rem;bottom:5.3rem;width:2.7rem;height:2.44rem;color:#fff;text-align:center;font-size:.24rem}
.index_page .part_text3 .text1{margin-top:.26rem}
.index_page .part_4{position:absolute;bottom:5.3rem;left:.1rem;display:block;width:2.8rem;height:1.96rem}
.index_page .part_text4{position:absolute;bottom:5rem;left:.1rem;width:2.8rem;height:1.96rem;color:#fff;text-align:left;font-size:.24rem;line-height:.4rem}
.index_page .part_text4 .text1{margin-left:.7rem}
.index_page .part_text4 .text2{margin-left:.55rem}
.index_page .part_text4 .text3{margin-left:.65rem}
.index_page .part_5{position:absolute;top:3.9rem;left:50%;margin-left:-2.7rem;width:5.9rem;color:#fff;text-align:center;letter-spacing:.04rem;font-size:.32rem;line-height:.6rem;display:none}
.fadeInUp_index1{-webkit-animation:fadeInUp_index 3s .2s ease both;-moz-animation:fadeInUp_index 3s .2s ease both}
@-webkit-keyframes fadeInUp_index{0%{opacity:0;-webkit-transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp_index{0%{opacity:0;-moz-transform:translateY(20px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}
.flipInX1{-webkit-animation:flipInX 1s .2s ease both;-moz-animation:flipInX 1s .2s ease both}
@-webkit-keyframes flipInX{0%{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg)}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg)}
    100%{opacity:1;-webkit-transform:perspective(400px) rotateX(0)}
}
@-moz-keyframes flipInX{0%{opacity:0;-moz-transform:perspective(400px) rotateX(90deg)}
    40%{-moz-transform:perspective(400px) rotateX(-10deg)}
    70%{-moz-transform:perspective(400px) rotateX(10deg)}
    100%{opacity:1;-moz-transform:perspective(400px) rotateX(0)}
}
.flip1{-webkit-animation:flip 5s .2s ease both;-moz-animation:flip 5s .2s ease both}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}
    100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}
}
@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}
    40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}
    50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}
    80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}
    100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}
}
.scale1{-webkit-transform-origin:center center;-webkit-backface-visibility:visible;-webkit-animation:scale .5s 0s infinite ease normal none}
@-webkit-keyframes scale{0%{-webkit-transform:scaleX(1) scaleY(1)}
    100%{-webkit-transform:scaleX(1.2) scaleY(1.2)}
}
.scale1{-moz-transform-origin:center center;-moz-backface-visibility:visible;-moz-animation:scale .5s 0s infinite ease normal none}
@-moz-keyframes scale{0%{-moz-transform:scaleX(1) scaleY(1)}
    100%{-moz-transform:scaleX(1.2) scaleY(1.2)}
}
.rotate{-webkit-animation:rotate 1s .2s linear infinite;-moz-animation:rotate 1s .2s linear infinite}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(-360deg);-webkit-transform-origin:center center}
    100%{-webkit-transform:rotate(0);-webkit-transform-origin:center center}
}
@-moz-keyframes rotate{0%{-moz-transform:rotate(-360deg);-moz-transform-origin:center center}
    100%{-moz-transform:rotate(0);-moz-transform-origin:center center}
}
.demo1{-webkit-transform-origin:center center;-webkit-backface-visibility:visible;-webkit-animation:demo .5s 0s infinite ease normal none}
.demo1{-moz-transform-origin:center center;-moz-backface-visibility:visible;-moz-animation:demo .5s 0s infinite ease normal none}
@-webkit-keyframes demo{0%{-webkit-transform:rotate(0)}
    100%{-webkit-transform:rotate(10deg)}
}
@-moz-keyframes demo{0%{-moz-transform:rotate(0)}
    100%{-moz-transform:rotate(10deg)}
}
.demo2{-webkit-transform-origin:center center;-webkit-backface-visibility:visible;-webkit-animation:demo2 .5s 0s 1 ease normal none}
@-webkit-keyframes demo2{0%{-webkit-transform:rotate(0) scaleY(0) translateZ(0)}
    100%{-webkit-transform:rotate(360deg) scaleY(0) translateZ(2000px)}
}
.demo2{-moz-transform-origin:center center;-moz-backface-visibility:visible;-moz-animation:demo2 .5s 0s 1 ease normal none}
@-moz-keyframes demo2{0%{-moz-transform:rotate(0) scaleY(0) translateZ(0)}
    100%{-moz-transform:rotate(360deg) scaleY(0) translateZ(2000px)}
}
.fadeInDownBig{-webkit-animation:fadeInDownBig 1s .2s ease both;-moz-animation:fadeInDownBig 1s .2s ease both}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}
.market_page .bounceInLeft{-webkit-animation-delay:0s;-moz-animation-delay:0s}
.market_page .lightSpeedIn{-webkit-animation-delay:.5s;-moz-animation-delay:.5s}
.market_page .flipInX1{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s}
.market_page{position:relative;width:7.5rem;height:100%}
.market_page .part_1{position:absolute;bottom:0;left:.55rem;width:3.28rem;height:7.33rem}
.market_page .part_2{position:absolute;top:1.8rem;left:50%;margin-left:-2.7rem;width:5.4rem;color:#fff;text-align:center;letter-spacing:.04rem;font-size:.32rem;line-height:.6rem}
.market_page .part_3{position:absolute;right:.2rem;bottom:5.3rem;width:3.2rem;height:2.89rem}
.market_page .part_text3{position:absolute;right:.2rem;bottom:5.3rem;width:3.2rem;height:2.89rem;color:#fff;text-align:center;letter-spacing:.03rem;font-size:.24rem;line-height:.37rem}
.market_page .part_text3 .text1{margin-top:.26rem}
.page{display:none;margin:0 auto}
#audio_btn{position:fixed;top:.3rem;right:.2rem;z-index:2;width:.6rem;height:.6rem;background:url(../images/music.png) no-repeat;background-size:100% 100%}
.fadeInRight1{-webkit-animation:fadeInRight5 .5s 0s both;-moz-animation:fadeInRight5 .5s .5s both}
.fadeInRight2{-webkit-animation:fadeInRight5 .5s .5s both;-moz-animation:fadeInRight5 1s .5s both}
.fadeInRight3{-webkit-animation:fadeInRight5 .5s 1s both;-moz-animation:fadeInRight5 1.5s .5s both}
.fadeInRight4{-webkit-animation:fadeInRight5 .5s 1.5s both;-moz-animation:fadeInRight5 2s .5s both}
@-webkit-keyframes fadeInRight5{0%{-webkit-transform:translateX(2000px)}
    100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight5{0%{-moz-transform:translateX(2000px)}
    100%{-moz-transform:translateX(0)}
}
.rotateIn1{-webkit-animation:rotateIn 1s 1.5s ease both;-moz-animation:rotateIn 1s 1.5s ease both}
@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);-webkit-transform-origin:center center}
    100%{opacity:1;-webkit-transform:rotate(0);-webkit-transform-origin:center center}
}
@-moz-keyframes rotateIn{0%{opacity:0;-moz-transform:rotate(-200deg);-moz-transform-origin:center center}
    100%{opacity:1;-moz-transform:rotate(0);-moz-transform-origin:center center}
}
.rotateIn2{-webkit-animation:rotateIn2 1s 2.5s ease both;-moz-animation:rotateIn2 1s 2.5s ease both}
@-webkit-keyframes rotateIn2{0%{opacity:0;-webkit-transform:rotate(200deg);-webkit-transform-origin:center center}
    100%{opacity:1;-webkit-transform:rotate(0);-webkit-transform-origin:center center}
}
@-moz-keyframes rotateIn2{0%{opacity:0;-moz-transform:rotate(200deg);-moz-transform-origin:center center}
    100%{opacity:1;-moz-transform:rotate(0);-moz-transform-origin:center center}
}
.bridge_page{position:relative;width:7.5rem;height:100%}
.bridge_page .part_1{position:absolute;right:.55rem;bottom:0;width:4.2rem;height:6.95rem}
.bridge_page .part_2{position:absolute;top:1rem;right:1.2rem;width:3.48rem;letter-spacing:.04rem;font-size:.32rem;line-height:.6rem;:center;color:#fff}
.bridge_page .part_2 .text1{text-indent:-1em}
.bridge_page .part_3{position:absolute;right:.1rem;bottom:5.3rem;width:2.7rem;height:2.44rem}
.bridge_page .part_text3{position:absolute;right:.1rem;bottom:4.5rem;width:2.7rem;height:2.44rem;color:#fff;text-align:center;font-size:.24rem}
.bridge_page .part_4{position:absolute;bottom:6rem;left:.1rem;display:block;width:2.8rem;height:1.96rem}
.bridge_page .part_text4{position:absolute;bottom:5.23rem;left:.45rem;width:2.8rem;height:1.96rem;color:#fff;text-align:left;font-size:.24rem;line-height:.4rem}
.bridge_xz{position:absolute;display:none;top:3.5rem;right:0;letter-spacing:.04rem;font-size:.32rem;line-height:.6rem;:center;color:#fff;width:100%;text-align:center}
.bridge_page .pulse{-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite}
.demo3{-webkit-transform-origin:center center;-webkit-backface-visibility:visible;-webkit-animation:demo3 .6s 0s infinite ease normal none}
@-webkit-keyframes demo3{0%{color:#fff}
    100%{color:#ff0}
}
.demo3{-moz-transform-origin:center center;-moz-backface-visibility:visible;-moz-animation:demo3 .6s 0s infinite ease normal none}
@-moz-keyframes demo3{0%{color:#fff}
    100%{color:#ff0}
}
.bounceIn2{-webkit-animation:bounceIn2 1s .2s ease both;-moz-animation:bounceIn2 1s .2s ease both}
@-webkit-keyframes bounceIn2{0%{opacity:0;-webkit-transform:scale(.3)}
    50%{opacity:1;-webkit-transform:scale(1.05)}
    70%{-webkit-transform:scale(.9)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn2{0%{opacity:0;-moz-transform:scale(.3)}
    50%{opacity:1;-moz-transform:scale(1.05)}
    70%{-moz-transform:scale(.9)}
    100%{-moz-transform:scale(1)}
}
.fadeInUp_index{-webkit-animation:fadeInUp_index 1s .2s ease both;-moz-animation:fadeInUp_index 1s .2s ease both}
@-webkit-keyframes fadeInUp_index{0%{opacity:0;-webkit-transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp_index{0%{opacity:0;-moz-transform:translateY(20px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}
.tada1{-webkit-animation:tada 1s .2s ease both;-moz-animation:tada 1s .2s ease both}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}
    10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada{0%{-moz-transform:scale(1)}
    10%,20%{-moz-transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
    100%{-moz-transform:scale(1) rotate(0)}
}
@-moz-keyframes fadeInRight5{0%{-moz-transform:scale(1)}
    10%,20%{-moz-transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
    100%{-moz-transform:scale(1) rotate(0)}
}
.rotateInUpLeft1{-webkit-animation:rotateInUpLeft 1s .2s ease both;-moz-animation:rotateInUpLeft 1s .2s ease both}
@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(90deg);-webkit-transform-origin:left bottom}
    100%{opacity:1;-webkit-transform:rotate(0);-webkit-transform-origin:left bottom}
}
@-moz-keyframes rotateInUpLeft{0%{opacity:0;-moz-transform:rotate(90deg);-moz-transform-origin:left bottom}
    100%{opacity:1;-moz-transform:rotate(0);-moz-transform-origin:left bottom}
}
.office_page{position:relative;width:7.5rem;height:100%}
.office_page .part_1{position:absolute;bottom:0;left:0;width:5.82rem;height:7.11rem}
.office_page .part_2{position:absolute;top:1.8rem;right:.7rem;width:5.28rem;color:#fff;letter-spacing:.04rem;font-size:.32rem;line-height:.6rem}
.office_page .part_2 .text1{text-indent:-1em}
.office_page .part_3{position:absolute;right:.89rem;bottom:5.3rem;width:2.63rem;height:2.38rem}
.office_page .part_text3{position:absolute;right:.85rem;bottom:4.5rem;width:2.7rem;height:2.44rem;color:#fff;text-align:center;letter-spacing:.04rem;font-size:.24rem}
.office_page .part_4{position:absolute;bottom:6rem;left:.1rem;display:block;width:2.8rem;height:1.96rem}
.office_page .part_text4{position:absolute;bottom:5.23rem;left:.45rem;width:2.8rem;height:1.96rem;color:#fff;text-align:left;letter-spacing:.03rem;font-size:.24rem;line-height:.4rem}
.fadeInDown2{-webkit-animation:fadeInDown2 1s .2s ease both;-moz-animation:fadeInDown2 1s .2s ease both}
@-webkit-keyframes fadeInDown2{0%{opacity:0;-webkit-transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown2{0%{opacity:0;-moz-transform:translateY(-20px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}
.fadeInRight5{-webkit-animation:fadeInRight5 1s .2s ease both;-moz-animation:fadeInRight5 1s .2s ease both}
@-webkit-keyframes fadeInRight5{0%{opacity:0;-webkit-transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight5{0%{opacity:0;-moz-transform:translateX(20px)}
    100%{opacity:1;-moz-transform:translateX(0)}
}
.ganwu_page{position:relative;width:7.5rem;height:100%}
.ganwu_page .part_1{position:absolute;top:.86rem;left:50%;margin-left:-.11rem;width:.36rem;height:.22rem}
.ganwu_page .part_2{position:absolute;top:2rem;left:50%;margin-left:-2.4rem;width:4.81rem;height:1.69rem}
.ganwu_page .part_3{position:absolute;top:4.3rem;left:50%;margin-left:-2.03rem;width:4.06rem;height:1.02rem}
.ganwu_page .part_4{position:absolute;top:6rem;left:50%;margin-left:-.11rem;width:.36rem;height:.22rem}
.ganwu_page .part_5{position:absolute;top:6.88rem;left:50%;margin-left:-1.11rem;width:1.42rem;height:2.22rem;background:url(../images/icon_11.png) no-repeat;background-size:100% 100%;/*pointer-event:none;-webkit-touch-callout:none*/}
.benke_page .rotateIn{-webkit-animation-delay:.5s;-moz-animation-delay:.5s}
.benke_page .fadeInDown2{-webkit-animation-delay:0s;-moz-animation-delay:0s}
.benke_page .tada3{-webkit-animation:tada3 1s 1.5s ease forwards;-moz-animation:tada3 1s 1.5s ease forwards}
@-webkit-keyframes tada3{0%{-webkit-transform:scale(1);opacity:1}
    10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0);opacity:1}
}
@-moz-keyframes tada3{0%{-moz-transform:scale(1);opacity:1}
    10%,20%{-moz-transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
    100%{-moz-transform:scale(1) rotate(0);opacity:1}
}
.benke_page{position:relative;height:100%}
.benke_page .part_1{position:absolute;top:.76rem;width:100%;color:#fff;text-align:center;letter-spacing:.04rem;font-size:.36rem;line-height:.5rem}
.benke_page .part_2{position:absolute;bottom:0;left:0;width:5.77rem;height:9.42rem}
.benke_page .part_3{opacity:0;position:absolute;right:0;bottom:6.36rem;width:2.99rem;height:2.4rem}
.benke_page .part_4{opacity:0;position:absolute;right:.25rem;bottom:4.3rem;width:2.3rem;height:1.55rem}
.gongyu_page1{-webkit-animation:gongyu_page1 .5s .5s ease both;-moz-animation:gongyu_page1 .5s .5s ease both}
.gongyu_page2{-webkit-animation:gongyu_page1 .5s 1s ease both;-moz-animation:gongyu_page1 .5s 1s ease both}
.gongyu_page3{-webkit-animation:gongyu_page1 .5s 1.5s ease both;-moz-animation:gongyu_page1 .5s 1.5s ease both}
.gongyu_page4{-webkit-animation:gongyu_page1 .5s 2s ease both;-moz-animation:gongyu_page1 .5s 2s ease both}
.gongyu_page5{-webkit-animation:gongyu_page1 .5s 2.5s ease both;-moz-animation:gongyu_page1 .5s 2.5s ease both}
@-webkit-keyframes gongyu_page1{0%{opacity:0;-webkit-transform:translateY(-100px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes gongyu_page1{0%{opacity:0;-moz-transform:translateY(-100px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}
.gongyu_page{position:relative;height:100%}
.gongyu_page .part_1{position:absolute;top:.76rem;width:100%;color:#f9ce93;text-align:center;letter-spacing:.04rem;font-size:.36rem;line-height:.6rem}
.gongyu_page .part_2{position:absolute;right:0;bottom:0;width:3.86rem;height:7.65rem}
.gongyu_page .part_3{position:absolute;bottom:5.5rem;left:1rem;width:2.83rem;height:2.38rem}
.swing1{-webkit-animation:swing 1s .2s ease both;-moz-animation:swing 1s .2s ease both}
@-webkit-keyframes swing{100%,20%,40%,60%,80%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0)}
}
@-moz-keyframes swing{100%,20%,40%,60%,80%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0)}
}
.rotateInUpRight1{-webkit-animation:rotateInUpRight 1s .2s ease both;-moz-animation:rotateInUpRight 1s .2s ease both}
@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom}
    100%{opacity:1;-webkit-transform:rotate(0);-webkit-transform-origin:right bottom}
}
@-moz-keyframes rotateInUpRight{0%{opacity:0;-moz-transform:rotate(-90deg);-moz-transform-origin:right bottom}
    100%{opacity:1;-moz-transform:rotate(0);-moz-transform-origin:right bottom}
}
@-webkit-keyframes bounceInUp2{0%{-webkit-transform:translateY(20px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp2{0%{-moz-transform:translateY(20px)}
    100%{-moz-transform:translateY(0)}
}
.huanjing_page .rotateInDownRight{-webkit-animation-delay:.5s;-moz-animation-delay:.5s}
.huanjing_page .bounceInRight{-webkit-animation-delay:0s;-moz-animation-delay:0s}
.huanjing_page .swing2{-webkit-animation:swing2 1s 1s ease both;-moz-animation:swing2 1s 1s ease forwards}
@-webkit-keyframes swing2{0%{opacity:0}
    20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes swing2{0%{opacity:0}
    20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
.huanjing_page{position:relative;width:7.5rem;height:100%;background:url(../images/huanjing_page.png) no-repeat;background-size:100% 100%}
.huanjing_page .part_1{position:absolute;top:.76rem;width:100%;color:#fff;text-align:center;letter-spacing:.04rem;font-size:.36rem;line-height:.6rem}
.huanjing_page .part_2{position:absolute;bottom:0;left:0;width:7.16rem;height:7.92rem}
.huanjing_page .part_3{opacity:0;position:absolute;right:.55rem;bottom:6.48rem;width:2.63rem;height:2.38rem}
.arrows{position:fixed;bottom:.4rem;left:50%;z-index:2;margin-left:-.3rem;width:.6rem;-webkit-animation:bounceInUp2 1s 1.8s infinite both}
.mianshi_page .rotateIn{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s}
.mianshi_page .bounceInRight{-webkit-animation-delay:1s;-moz-animation-delay:1s}
.mianshi_page .bounceInLeft{-webkit-animation-delay:0s;-moz-animation-delay:0s}
.mianshi_page{position:relative;width:7.5rem;height:100%}
.mianshi_page .part_1{position:absolute;top:.76rem;width:100%;color:#fff;text-align:center;letter-spacing:.04rem;font-size:.36rem;line-height:.6rem}
.mianshi_page .part_2{position:absolute;bottom:5.74rem;left:.2rem;width:2.59rem;height:1.45rem}
.mianshi_page .part_3{position:absolute;right:.95rem;bottom:5.64rem;width:2.04rem;height:2.18rem}
.xueli_page .flipInX{-webkit-animation-delay:.5s;-moz-animation-delay:.5s}
.xueli_page .fadeInDown2{-webkit-animation-delay:0s;-moz-animation-delay:0s}
.xueli_page .tada2{-webkit-animation:tada2 1s 1.5s ease forwards;-moz-animation:tada2 1s 1.5s ease forwards}
@-webkit-keyframes tada2{0%{-webkit-transform:scale(1);opacity:1}
    10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0);opacity:1}
}
@-moz-keyframes tada2{0%{-moz-transform:scale(1);opacity:1}
    10%,20%{-moz-transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
    100%{-moz-transform:scale(1) rotate(0);opacity:1}
}
.xueli_page{position:relative;width:7.5rem;height:100%}
.xueli_page .part_1{position:absolute;top:1rem;left:50%;margin-left:-3.34rem;width:6.68rem;color:#f9ce93;text-indent:-1em;letter-spacing:.04rem;font-size:.32rem;line-height:.5rem}
.xueli_page .part_2{position:absolute;right:0;bottom:0;width:4.25rem;height:7.12rem}
.xueli_page .part_3{opacity:0;position:absolute;bottom:5.2rem;left:.5rem;width:2.74rem;height:2.48rem}
.cj_page .bounceInRight1{-webkit-animation:bounceInRight 1s 0s both;-moz-animation:bounceInRight 1s 0s both}
.cj_page .bounceInLeft1{-webkit-animation:bounceInLeft 1s .5s both;-moz-animation:bounceInLeft 1s .5s both}
.cj_page .bounceInRight2{-webkit-animation:bounceInRight 1s 1s both;-moz-animation:bounceInRight 1s 1s both}
.cj_page .bounceInLeft2{-webkit-animation:bounceInLeft 1s 1.5s both;-moz-animation:bounceInLeft 1s 1.5s both}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}
}
.cj_page{position:relative;height:100%;background-size:100% 100%}
.cj_page .part_1{position:absolute;top:0;left:0;width:100%;height:4.06rem}
.cj_page .part_2{position:absolute;top:2.56rem;left:0;width:100%;height:5.15rem}
.cj_page .part_3{position:absolute;bottom:1.95rem;left:0;width:100%;height:5.1rem}
.cj_page .part_4{position:absolute;bottom:0;left:0;width:100%;height:4.45rem}
.shop_page .bounceInUp1{-webkit-animation:bounceInUp 1s 1s both;-moz-animation:bounceInUp 1s 4s both}
.shop_page{position:relative;height:100%}
.shop_page .part_1{position:absolute;top:.76rem;width:100%;color:#fff;text-align:center;letter-spacing:.04rem;font-size:.36rem;line-height:.6rem}
.shop_page .part_2{position:absolute;bottom:0;left:0;width:7.5rem;height:8.3rem}
.shop_page .part_3{position:absolute;right:.55rem;bottom:5.97rem;width:2.84rem;height:2.38rem}
.bangyang_page{position:relative;height:100%; background: #fff;}
.bangyang_page .part_1{width:100%;height:3.32rem;position:absolute;top:0;left:0}
.bangyang_page .part_2{width:50%;position:absolute;left:0;top:3.32rem;height:3.24rem;}
.bangyang_page .part_2_1{width:3.38rem;height:1.39rem;position:absolute;left:50%;margin-left:-1.69rem;margin-top:.55rem}
.bangyang_page .part_2_2{width:3.38rem;height:1.02rem;position:absolute;left:50%;margin-left:-1.69rem;margin-top:2.2rem}
.bangyang_page .part_3{width:50%;height:3.24rem;position:absolute;right:0;top:3.32rem}
.bangyang_page .part_4{width:50%;position:absolute;left:0;top:6.67rem}
.bangyang_page .part_5{width:50%;position:absolute;right:0;top:6.67rem}
.bangyang_page .part_4_1{width:3.2rem;height:3.15rem;position:absolute;left:50%;margin-left:-1.6rem}
.bangyang_page .part_5_1{width:2.85rem;height:1.69rem;position:absolute;left:50%;margin-left:-1.5rem;margin-top:.1rem}
.bangyang_page .part_5_2{width:2.85rem;height:2.71rem;position:absolute;left:50%;margin-left:-1.5rem;margin-top:1.9rem}
.bangyang_page .part_6{width:50%;position:absolute;left:0;bottom:.4rem;height:2.47rem;}
.bangyang_page .part_6_in{width:3.13rem;position:absolute;left:50%;margin-left:-1.55rem;height:2.47rem}
.bangyang_page .part_6_1{width:1.47rem;height:2.47rem;position:absolute;margin-left:0}
.bangyang_page .part_6_2{width:1.47rem;height:2.47rem;position:absolute;margin-left:1.66rem}
.bangyang_page .part_7{width:46%;height:10%;position:absolute;right:.3rem;bottom:.4rem}
.page1{position:relative;width:7.5rem;height:100%}
.page1 .part_1{position:absolute;top:.86rem;left:50%;margin-left:-.08rem;width:.16rem;height:.27rem}
.page1 .part_2{position:absolute;top:2rem;left:50%;margin-left:-2.7rem;width:5.9rem;color:#fff;text-align:center;letter-spacing:.04rem;font-size:.3rem;line-height:.48rem}
.page1 .part_3{position:absolute;top:6.35rem;left:50%;margin-left:-2.7rem;width:5.9rem;color:#f7e303;text-align:center;letter-spacing:.04rem;font-size:.3rem;line-height:.48rem}
.page1 .part_4{position:absolute;top:7.75rem;left:50%;margin-left:-.125rem;width:.25rem;height:.24rem}
.page1 .rotateIn{-webkit-animation-delay:.5s;-moz-animation-delay:.5s}
.page1 .fadeInDown2{-webkit-animation-delay:0s;-moz-animation-delay:0s}
.page1 .tada3{-webkit-animation:tada3 1s 1.5s ease forwards;-moz-animation:tada3 1s 1.5s ease forwards}
.page2{position:relative;width:7.5rem;height:100%}
.page2 .part_1{position:absolute;left:.33rem;bottom:1.8rem;width:5.08rem;height:1.21rem}
.page2 .part_2{position:absolute;bottom:2.43rem;left:.54rem;color:#161615;text-align:center;letter-spacing:.04rem;font-size:.3rem;line-height:.48rem}
.page2 .part_3{position:absolute;right:.27rem;bottom:.8rem;width:4.35rem;height:1.21rem}
.page2 .part_4{opacity:0;position:absolute;left:4rem;bottom:2.43rem;width:.4rem;height:.41rem}
.page2 .part_5{opacity:0;position:absolute;left:4.53rem;bottom:2.43rem;width:.4rem;height:.41rem}
.page2 .part_6{width:3.8rem;position:absolute;bottom:1.35rem;right:.54rem;color:#161615;text-align:left;letter-spacing:.04rem;font-size:.3rem;line-height:.48rem}
.page2 .part_7{opacity:0;position:absolute;left:50%;bottom:.23rem;width:5.66rem;height:.92rem;margin-left:-2.83rem}
.page2 .bounceInUp3{-webkit-animation:bounceInUp3 .5s 0s linear both;-moz-animation:bounceInUp3 .5s 0s linear forwards}
.page2 .bounceInUp4{-webkit-animation:bounceInUp3 .5s 2s linear both;-moz-animation:bounceInUp3 .5s 0s linear forwards}
.page2 .bounceInUp5{-webkit-animation:bounceInUp3 .5s 3.5s linear both;-moz-animation:bounceInUp3 .5s 0s linear forwards}
.page2_cyl{position:absolute;top:4.2rem;left:0;width:100%;height:3rem}
@-webkit-keyframes bounceInUp3{0%{-webkit-transform:translateY(200px);opacity:1}
    100%{-webkit-transform:translateY(0);opacity:1}
}
@-moz-keyframes bounceInUp3{0%{-moz-transform:translateY(200px);opacity:1}
    100%{-moz-transform:translateY(0);opacity:1}
}
.page2 .page2_bq{-webkit-animation:page2_bq .1s 1.8s linear forwards;-moz-animation:page2_bq .5s 2s linear forwards}
.page2 .page2_bq2{-webkit-animation:page2_bq .1s 1.9s linear forwards;-moz-animation:page2_bq .5s 2s linear forwards}
@-webkit-keyframes page2_bq{0%{opacity:1}
    100%{opacity:1}
}
@-moz-keyframes page2_bq{0%{opacity:1}
    100%{opacity:1}
}
.page3{position:relative;width:7.5rem;height:100%}
.page3 .part_1{position:absolute;left:.33rem;bottom:1.8rem;width:5.08rem;height:1.21rem}
.page3 .part_2{position:absolute;bottom:2.43rem;left:.54rem;color:#161615;text-align:center;letter-spacing:.04rem;font-size:.3rem;line-height:.48rem}
.page3 .part_3{position:absolute;right:.27rem;bottom:.8rem;width:4.35rem;height:1.21rem}
.page3 .part_4{opacity:0;position:absolute;left:4rem;bottom:2.43rem;width:.4rem;height:.41rem}
.page3 .part_5{opacity:0;position:absolute;left:4.53rem;bottom:2.43rem;width:.4rem;height:.41rem}
.page3 .part_6{width:3.8rem;position:absolute;bottom:1.35rem;right:.54rem;color:#161615;text-align:left;letter-spacing:.04rem;font-size:.3rem;line-height:.48rem}
.page3 .part_7{opacity:0;position:absolute;left:50%;bottom:.23rem;width:5.66rem;height:.92rem;margin-left:-2.83rem}
.page3 .bounceInUp3{-webkit-animation:bounceInUp3 .5s 0s linear both;-moz-animation:bounceInUp3 .5s 0s linear forwards}
.page3 .bounceInUp4{-webkit-animation:bounceInUp3 .5s 2s linear both;-moz-animation:bounceInUp3 .5s 0s linear forwards}
.page3 .bounceInUp5{-webkit-animation:bounceInUp3 .5s 3.5s linear both;-moz-animation:bounceInUp3 .5s 0s linear forwards}


.hudong_page{position:relative;height:100%;/* background: #f3f3f3;*/max-width: 7.5rem;}
.hudong_page  .part_1{width:100%;height:26.58%;position:absolute;top:0;left:0}
.hudong_page  .part_2{/*width:45.7%;*/height:17.46%;position:absolute;top:6%;right:9.5%;}
.hudong_page .part_3{width:60.93%;/*height:17.09%;*/position:absolute;left: 2.67%; top:28.7%;}
.hudong_page .part_4{width:28.93%;/*height:19.56%;*/position:absolute;right: 3.73%; top:28.7%;}
.hudong_page .part_5{width:47.2%/*;height:17.62%*/;position:absolute;left: 2.67%;top:48%}
.hudong_page .part_6{width:44.27%;/*height: 29.83%;*/ position:absolute;right: 3.73%;top:48%}
.hudong_page .part_7{width:46.67%;/* height:12.74%;*/position:absolute;left: 2.67%;top:67.4%}
.hudong_page .part_8{width:44.93%;/* height:15.4%;*/position:absolute;left: 2.67%;bottom:1.35%}
.hudong_page .part_9{width:42.8%;/* height:19.19%;*/position:absolute;right:3.73%;bottom:1.35%}
.yindao .fadeInUpBig{-webkit-animation:fadeInUpBig 0.1s 0s linear both;-moz-animation:fadeInUpBig 0.1s 0s linear both}
.yindao .fadeOutDownBig{-webkit-animation:fadeOutDownBig 0.1s 0s linear both;-moz-animation:fadeOutDownBig 0.1s 0s linear both}
.yindao{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 4}
.yindao_bd{width: 100%;height: 100%;background: #000;opacity: 0.8}
.yindao .img_1{width: 7.5rem;position: absolute;z-index: 2;top: 0;left: 50%;margin-left: -3.75rem;}
.yindao .img_2{width: 3rem;position: absolute;z-index: 2;bottom:1.8rem;left: 50%;margin-left: -1.3rem;}